<template>
	<view class="h-full p-4 gap-10 flex flex-col" style="color: #9FA6B5;background-color: #121212;">
		<view class="flex justify-between rounded-2xl px-5 py-2 mb-2" v-for="(item,index) in iconList" :key="index"
		style="background-color: #242424;" @click="navigatorTo(item)">
			<view class="flex items-center gap-2">
				<view class="rounded-full flex justify-center items-center" style="width: 40px;height: 40px;background-color: #313147;">
					<image :src="item.icon" style="width: 20px;height: 20px;"></image>
				</view>
				<view class="text-white">{{item.name}}</view>
			</view>
			<view class="flex items-center">
				{{item.content}}
				<u-icon name="arrow-right" color="#9FA6B5" size="16"></u-icon>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	export default {
		computed: {
			...mapGetters(['userInfo', 'api', 'config']),
		},
		data() {
			return {
				iconList:[
					{name:this.$t('safe.denglumima'),icon:'/static/images/safe/1.png',path:'/pages/template/loginPassword/loginPassword'},
					{name:this.$t('safe.weishimingrenzheng'),icon:'/static/images/safe/2.png',path:'/pages/template/certification/certification'},
					{name:this.$t('safe.youxiangbangding'),icon:'/static/images/safe/3.png',path:'/pages/template/email/email',content:'fdunpay@gmail.com'},
					{name:this.$t('safe.tibidizhi'),icon:'/static/images/safe/4.png',path:'/pages/template/addressList/addressList'},
				]
			}
		},
		onLoad(op) {
		},
		onReady() {},
		methods: {
			navigatorTo(item){
				uni.navigateTo({
					url: item.path,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style lang="scss">
	
</style>